<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>节点的概念</title>
</head>
<body>
<main>
    <section>
        <h2>节点的概念</h2>
        <p>节点是网络术语 Node</p>
        <p>元素节点 Element Node</p>
        <p>文本节点 text node</p>
        <p>属性节点 attribute Node</p>
    </section>
    <section>
        <h2>常用dom属性</h2>
        <p>id 属性</p>
        <p>title 属性</p>
        <p>class 属性</p>
        <p>value 属性</p>
        <p>innerHTML 属性</p>
        <p>style 属性</p>
        <p>onClick属性</p>
    </section>
    <section>
        <h2>总结</h2>

        <ul>
            <li>getElementById  使用Id获取dom对象</li>
            <li>getElementsByTagName 使用name获取dome对象的集合</li>
            <li>getElementsByClassName 使用name属性获取dom对象的集合</li>
            <li>getAttribute 获取dom的属性</li>
            <li>setAttribute 设置dom的属性</li>
        </ul>
        <strong>这是dom最常用的属性和方法，将是dom的学习的基石</strong>
    </section>
</main>
</body>
</html>